<style>
	#msgTip{ position:fixed;text-align:center;z-index:300;color:#fff;top:0px;left:0;right:0px;bottom:0px;top:0;width:100%;height:0px;overflow:hidden;}
#msgTip.show{overflow:visible;}
#msgTip .txt{font-size:14px;background:rgba(0,0,0,.7);box-shadow:0px 0px 6px #999;padding:10px 20px;width:70%;border-radius:10px;margin:50% auto 0 auto;}

</style>
<div id="msgTip">
    <p class="txt"></p>
</div>
<script type="text/javascript" src="{:C('WEB_URL')}Public/js/zepto1.1.4.min.js"></script>
<script>

function showMsgTip(txt,t){
    t=typeof t=="undefined"?3000:t;
    clearTimeout(window.msgTipTimeout);
    $("#msgTip").addClass("show").children("p").html(txt);
    window.msgTipTimeout=setTimeout(function(){
        $("#msgTip").removeClass("show");
    },t);
}

$("#msgTip").tap(function(){
    $("#msgTip").removeClass("show");
})

</script>